<!DOCTYPE html>
<head>
     <link rel="match" href="../expected/ol-render-node-remove-ref.html" />
</head>
<html class="reftest-wait">
<body>
<ol id="ol1">
    <li>One</li>
    <div id="div1">
        <li>x</li>
        <li>y</li>
        <li>z</li>
    </div>
    <li>Two</li>
</ol>
<ol reversed id="ol2">
    <li>Two</li>
    <div id="div2">
        <li>z</li>
        <li>y</li>
        <li>x</li>
    </div>
    <li>One</li>
</ol>
<script>
    // Two nested requestAnimationFrame() calls to force code execution _after_ initial paint
    requestAnimationFrame(() => {
      requestAnimationFrame(() => {
        const ol1 = document.getElementById("ol1");
        const div1 = document.getElementById("div1");
        ol1.removeChild(div1);

        const ol2 = document.getElementById("ol2");
        const div2 = document.getElementById("div2");
        ol2.removeChild(div2);

        document.documentElement.classList.remove("reftest-wait");
      });
    });
</script>
</body>
</html>
